<template>
  <div class="picture-sample-wapper">
      <div class="picture-sample-content">
          <div class="picture-sample-text">
              图片要求：{{pictureSampleText}}
          </div>
          <div class="picture-sample-image">
              <img
               v-for='(dataItem,index) in pictureSrcList' 
               :id="index" 
               :key='index'
               style="width: 100%"
               :src="dataItem">
          </div>
      </div>
      <i class="iconfont icon-guanbi" @click="closeSample"></i>
  </div>
</template>
<script>
export default {
    name:"pictureSample",
    data(){
      return{
          pictureSampleText: '', // 文字
          pictureSrcList: [], // 图片
      }
    },
    props: [
      'linkNode' // 段号
    ],
    created(){},
    mounted() {
        this.pictureSampleText = '快件码放位置、水印（时间、地点）';
        this.pictureSrcList.push(require('../assets/images/pictureSample/40.png'))
    },
    methods:{
        closeSample() {
            this.$parent.sampleShow = false;
        }
    }
}
</script>
<style lang="less" scoped>
  @import "publicLess.less";
  .picture-sample-wapper{
    width: 100%;
    height: 100%;
    overflow: scroll;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 99999;
    .picture-sample-content{
        margin-top: 70/50rem;
        padding: 40/50rem;
        font-size: 32/50rem;
        .picture-sample-text{}
        .picture-sample-image{
            margin-top: 40/50rem;
        }
    }
    i.icon-guanbi{
        position: absolute;
        top: 20/50rem;
        right: 20/50rem;
        font-size: 50/50rem;
        color: #000;
    }
  }
</style>